<template>
  <view>
    <view :class="{'safe-area-inset-top': true}">
      <page-head v-if="showPageHead"></page-head>
    </view>
    <view :class="{'safe-area-inset-bottom': true}">
      <router-view></router-view>
    </view>
  </view>
</template>

<script>
import * as config from '@/config.js'
export default {
  data() {
    return {
      showPageHead: true
    }
  },
  onLaunch: function() {
    console.log('App Launch')
  },
  onShow: function() {
    console.log('App Show')
  },
  onHide: function() {
    console.log('App Hide')
  }
}
</script>

<style>
@import '@/static/css/iconfont.css';
@import '@/static/css/zhiyi.css';


page {
  background-color: #f5f5f5;
}

.safe-area-inset-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.safe-area-inset-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
</style>